.fade-enter-active,
.fade-leave-active {
    transition: opacity 1s;
}

.fade-enter,
.fade-leave-to {
    opacity: 0;
}

.fade-enter-active .wrapper,
.fade-leave-active .wrapper {
    transition: transform .8s cubic-bezier(0.08, .74, .34, 1);
    transform-origin: bottom center;
}

.fade-enter .wrapper,
.fade-leave-to .wrapper {
    transform: rotateX(90deg);
}

.card-move {
    transition: transform .5s;
}

.card {
    transition: all .5s;
}

.card-enter {
    opacity: 0;
    transform: scale(.8) translateX(100px);
}

.card-leave-active {
    transition: all 1s, opacity .5s .5s;
    position: abosolute !important;
    z-index: 10;
    pointer-events: none;
}

.card-leave-to {
    opacity: 0;
    transform: translateX(-106px) translateY(-400px) scale(1.5);
}

.zoom-enter-active,
.zoom-leave-active {
    transition: opacity .3s, transform .3s;
}

.zoom-enter,
.zoom-leave-to {
    opacity: 0;
    transform: scale(.7);
}